<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>易掌店</title>

		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="../../assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../assets/font-awesome/4.5.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="../../assets/icon/style.css" />

		<!-- page specific plugin styles -->

		<!-- text fonts -->
		<link rel="stylesheet" href="../../assets/css/fonts.googleapis.com.css" />

		<!-- ace styles -->
		<link rel="stylesheet" href="../../assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />

		<!--[if lte IE 9]>
        <link rel="stylesheet" href="../../assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
        <![endif]-->
		<link rel="stylesheet" href="../../assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="../../assets/css/ace-rtl.min.css" />

		<!--[if lte IE 9]>
        <link rel="stylesheet" href="../../assets/css/ace-ie.min.css"/>
        <![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->
		<script src="../../assets/js/ace-extra.min.js"></script>

		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
        <script src="../../assets/js/html5shiv.min.js"></script>
        <script src="../../assets/js/respond.min.js"></script>
        <![endif]-->

		<link rel="stylesheet" href="../../styles/index/index.css">
        <!--msg-header-->    
        <link rel="stylesheet" href="../../styles/shop/msg.css">
        <link rel='stylesheet' href='../../styles/shop/msg-t.css'>
        
	</head>

	<body class="no-skin">
		<div id="navbar" class="navbar navbar-default ace-save-state">
			<div class="navbar-container ace-save-state" id="navbar-container">
				<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
					<span class="sr-only">Toggle sidebar</span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>
				</button>

				<div class="navbar-header pull-left">
					<a href="index.html" class="navbar-brand">
						<i class="fa fa-shopping-bag nav-height64"></i>
						<small class="nav-header-large-label">易掌店</small> <small class="nav-header-small-label">小门店 大生意</small>
					</a>
				</div>

				<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav padding-tb10">
						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon glyphicon glyphicon-repeat nav-height64"></i>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon fa fa-envelope icon-animated-bell nav-height64"></i>
								<span class="badge badge-pink">8</span>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon glyphicon glyphicon-user nav-height64"></i>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon fa fa-circle-o-notch nav-height64"></i>
							</a>
						</li>
					</ul>
				</div>
			</div><!-- /.navbar-container -->
		</div>

		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
				try{ace.settings.loadState('main-container')}catch(e){}
			</script>

			<div id="sidebar" class="sidebar responsive ace-save-state">
				<script type="text/javascript">
					try{ace.settings.loadState('sidebar')}catch(e){}
				</script>

				<div class="nav-aside padding-left5">
					<div class="nav-aside-header">
						<a href="#" class="pull-left font-size20">
							<i class="fa fa-home"></i>
						</a>
						<span>2016年12月01日 星期六</span>
						<a href="#" class="pull-right font-size18 sidebar-collapse">
							<i class="fa fa-navicon"></i>
						</a>
					</div>
					<div class="row-with-shop-icon">
						<div class="icon-left"></div>
						<div class="content-right">
							<h2>易掌便利店</h2>
							<p><i class="icomoon-The-shop-assistant"></i><em>张亮</em><i class="icomoon-male"></i></p>
							<p><i class="icomoon-view"></i><time>2016-11-17 12:00</time></p>
							<div class="yzd-button">交班</div>
						</div>
					</div>
					<div class="nav-aside-menus">
						<ol class="yzd-left-menu-bg-row">
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-money"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div>收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>									
								</div>								
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-car"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>									
								</div>
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-People"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>									
								</div>
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-shop"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>									
								</div>
							</li>
						</ol>
					</div>
					<div class="nav-aside-menus">
						<div class="row-with-show-calendar">
							<span class="yzd-high-light-label">店庆日</span>
							<time class="ydz-shop-time">2月20日 星期日</time>
							<span class="ydz-shop-calendar">
								<i class="icomoon-editor"></i>
								<span class="ringing-bell"><span class="ringing-bell-badge">9</span><span class="icomoon-bell"></span></span>
							</span>
						</div>
					</div>
					<div class="row-with-balance">
						<div class="row-balance-left">
							<h2 class="balance-amount">88828.99</h2>
							<p class="balance-label">本月支出</p>
						</div>
						<div class="row-balance-right raise-arrow"></div>
					</div>
					<div class="help-btns">
						<span class="help-center">
							帮助中心
						</span>
						<span class="icomoon-radio"></span>
						<span class="icomoon-teasing"></span>
						<span class="icomoon-mysterious"></span>
					</div>
					<div class="shop-radio">
						<i class="icomoon-radio"></i>
						<span class="shop-radio-content">今天店里销量最好的商品是</span>
					</div>
					<div class="nav-aside-footer"></div>
				</div>
			</div>

			<div class="main-content">
				<div class="main-content-inner" id="recent-box">

					<div class="breadcrumbs ace-save-state breadcrumbs-fixed" id="breadcrumbs">
						<div class="widget-header transparent no-padding-left">
							<a class="pull-left icon-arrow-right" id="moreTab">
								<i class="ace-icon fa fa-angle-left bigger"></i>
							</a>
							<div class="widget-toolbar no-border pull-left no-padding-left">
								<ul class="nav nav-tabs" id="recent-tab">
									<li class="active">
										<a data-toggle="tab" href="#tab-index">首页</a>
									</li>
									<li>
										<a data-toggle="tab" href="#tab-settings">设置</a>
									</li>
								</ul>
							</div>
						</div>
					</div>

					<div class="page-content">
						<div class="widget-body">
							<div class="widget-main no-padding">
								<div class="tab-content no-padding" id="tab-content">
									<div id="tab-index" class="tab-pane active">
										<!-- 从这开始 -->
                                            <!--已发送短信界面-->
                                      <div class='msg-cont'>
                                          <!--header-->
                                          <div class="msg-header">
                                          
                                          </div>
                                          <div class="msg-btn">
											  <b><a>+新增活动</a></b>
                                              <span class="input-icon">
									           <input class="nav-search-input" id="nav-search-input" type="text" placeholder="输入满即送活动名称" autocomplete="off">
									          <i class="ace-icon fa fa-search nav-search-icon"></i>
                                              </span>
                                              <ul class='msg-photo' style="list-style:none; float:right">
                                                <li>
                                                    <img src='../../images/shop/nav-imgs1.png' style="padding-right:10px">
                                                    <img src='../../images/shop/nav-imgs2.png' style="padding-right:10px">
                                                </li>
                                              </ul>
                                          </div>
                                          <!--nav-->
                                          <div class="nav">
                                             <ul class="nav nav-tabs padding-18 tab-size-bigger" id="myTab">
                                                    <li class="active">
                                                        <a data-toggle="tab" href="#faq-tab-1">
                                                            全部
                                                        </a>
                                                    </li>

                                                    <li>
                                                        <a data-toggle="tab" href="#faq-tab-2">
                                                            未开始
                                                        </a>
                                                    </li>

                                                    <li>
                                                    <a data-toggle="tab" href="#faq-tab-3">
                                                        进行中
                                                    </a>
										          </li>
                                                 <li>
                                                        <a data-toggle="tab" href="#faq-tab-2">
                                                            已结束
                                                        </a>
                                                 </li>
                                                 <li>
                                                        <a data-toggle="tab" href="#faq-tab-2">
                                                            作废
                                                        </a>
                                                 </li>
                                              </ul>
                                          </div>
                                          <div class="buy-msg">
                                              <!--tab-->
                                                <table class='msg-tab' id='msgTab'>
                                                  <tr class="tab-header">
                                                    <th><input role="checkbox" id="cb_grid-table" class="cbox" type="checkbox">
                                                    </th>
                                                    <th>
												        <i class="fa fa-trash" aria-hidden="true"></i> 
                                                    </th>
                                                    <th>
                                                        <span>优惠促销名称</span>  
                                                    </th>
                                                     <th>
                                                        <span>活动规则</span>  
                                                    </th>
                                                     <th>
                                                        <span>开始时间</span>  
                                                     </th>
                                                     <th>
                                                       <span>结束时间</span>  
                                                     </th>
                                                      <th>
                                                       <span>活动状态</span>  
                                                     </th>
                                                      <th>
                                                       <span>销量</span>  
                                                     </th>
                                                      <th>
                                                       <span style="margin:54px;">操作</span>  
                                                     </th>
                                                  </tr>
                                                  <tr>
                                                    <td>
                                                        <input type='checkbox' > 
                                                    </td>  
                                                    <td>
                                                        <i class="ace-icon glyphicon glyphicon-trash"></i> 
                                                    </td>
                                                    <td>
                                                        双十一特卖活动
                                                    </td>
                                                    <td>
                                                        每单个商品
                                                    </td>
                                                    <td>2016-11-21 22：00：00</td>
                                                    <td >2016-11-21 22：00：00</td>
                                                    <td >进行中</td>
                                                    <td >100</td>
                                                    <td >
                                                        <i class="ace-icon fa fa-pencil-square-o bigger-230"></i>
                                                    </td>
                                                    </tr>
                                                   <tr>
                                                    <td>
                                                        <input type='checkbox' > 
                                                    </td>  
                                                    <td>
                                                        <i class="ace-icon glyphicon glyphicon-trash"></i> 
                                                    </td>
                                                    <td>
                                                        双十一特卖活动
                                                    </td>
                                                    <td>
                                                        每单个商品
                                                    </td>
                                                    <td>2016-11-21 22：00：00</td>
                                                    <td >2016-11-21 22：00：00</td>
                                                    <td >进行中</td>
                                                    <td >100</td>
                                                    <td >
                                                        <i class="ace-icon fa fa-pencil-square-o bigger-230"></i>
                                                    </td>
                                                    </tr>
                                                    <tr>
                                                    <td>
                                                        <input type='checkbox' > 
                                                    </td>  
                                                    <td>
                                                        <i class="ace-icon glyphicon glyphicon-trash"></i> 
                                                    </td>
                                                    <td>
                                                        双十一特卖活动
                                                    </td>
                                                    <td>
                                                        每单个商品
                                                    </td>
                                                    <td>2016-11-21 22：00：00</td>
                                                    <td >2016-11-21 22：00：00</td>
                                                    <td >进行中</td>
                                                    <td >100</td>
                                                    <td >
                                                        <i class="ace-icon fa fa-pencil-square-o bigger-230"></i>
                                                    </td>
                                                    </tr>
                                                    <tr>
                                                    <td>
                                                        <input type='checkbox' > 
                                                    </td>  
                                                    <td>
                                                        <i class="ace-icon glyphicon glyphicon-trash"></i> 
                                                    </td>
                                                    <td>
                                                        双十一特卖活动
                                                    </td>
                                                    <td>
                                                        每单个商品
                                                    </td>
                                                    <td>2016-11-21 22：00：00</td>
                                                    <td >2016-11-21 22：00：00</td>
                                                    <td >进行中</td>
                                                    <td >100</td>
                                                    <td >
                                                        <i class="ace-icon fa fa-pencil-square-o bigger-230"></i>
                                                    </td>
                                                    </tr>
                                                    <tr>
                                                    <td>
                                                        <input type='checkbox' > 
                                                    </td>  
                                                    <td>
                                                        <i class="ace-icon glyphicon glyphicon-trash"></i> 
                                                    </td>
                                                    <td>
                                                        双十一特卖活动
                                                    </td>
                                                    <td>
                                                        每单个商品
                                                    </td>
                                                    <td>2016-11-21 22：00：00</td>
                                                    <td >2016-11-21 22：00：00</td>
                                                    <td >进行中</td>
                                                    <td >100</td>
                                                    <td >
                                                        <i class="ace-icon fa fa-pencil-square-o bigger-230"></i>
                                                    </td>
                                                    </tr>
                                                    <tr>
                                                    <td>
                                                        <input type='checkbox' > 
                                                    </td>  
                                                    <td>
                                                        <i class="ace-icon glyphicon glyphicon-trash"></i> 
                                                    </td>
                                                    <td>
                                                        双十一特卖活动
                                                    </td>
                                                    <td>
                                                        每单个商品
                                                    </td>
                                                    <td>2016-11-21 22：00：00</td>
                                                    <td >2016-11-21 22：00：00</td>
                                                    <td >进行中</td>
                                                    <td >100</td>
                                                    <td >
                                                        <i class="ace-icon fa fa-pencil-square-o bigger-230"></i>
                                                    </td>
                                                    </tr>
                                                    <tr>
                                                    <td>
                                                        <input type='checkbox' > 
                                                    </td>  
                                                    <td>
                                                        <i class="ace-icon glyphicon glyphicon-trash"></i> 
                                                    </td>
                                                    <td>
                                                        双十一特卖活动
                                                    </td>
                                                    <td>
                                                        每单个商品
                                                    </td>
                                                    <td>2016-11-21 22：00：00</td>
                                                    <td >2016-11-21 22：00：00</td>
                                                    <td >进行中</td>
                                                    <td >100</td>
                                                    <td >
                                                        <i class="ace-icon fa fa-pencil-square-o bigger-230"></i>
                                                    </td>
                                                    </tr>
                                                </table>
                                              <!--footer-->
                                            <div class="dataTables_length" id="dynamic-table_length" style='background-color:#ffffff; display:inline-block'>         <lable><span>共三条，每页显示</span>
                                                <select name="dynamic-table_length" class="form-control input-sm" aria-controls="dynamic-table">
                                                  <option value="10">10</option>
                                                  <option value="25">25</option>
                                                  <option value="50">50</option>
                                                  <option value="100">100</option>
                                                </select>条</lable>
                                              </div>
                                              <div class="modal-footer no-margin-top" style="background-color:#ffffff;">
												<ul class="pagination pull-right no-margin">
													<li class="prev disabled">
														<a href="#">
															<i class="ace-icon fa fa-angle-double-left"></i>
														</a>
													</li>

													<li class="active">
														<a href="#">1</a>
													</li>

													<li>
														<a href="#">2</a>
													</li>

													<li>
														<a href="#">3</a>
													</li>

													<li class="next">
														<a href="#">
															<i class="ace-icon fa fa-angle-double-right"></i>
														</a>
													</li>
												</ul>
											</div>
                                          </div>
                                          
                                          
                                       </div>
                                        <!-- 到这结束 -->
									</div>
								</div>
							</div><!-- /.widget-main -->
						</div><!-- /.widget-body -->
					</div>
				</div>
			</div><!-- /.main-content -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->
		<script src="../../assets/js/jquery-2.1.4.min.js"></script>

		<!-- <![endif]-->

		<!--[if IE]>
        <script src="../../assets/js/jquery-1.11.3.min.js"></script>
        <![endif]-->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='../../assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="../../assets/js/bootstrap.min.js"></script>

		<!-- page specific plugin scripts -->

		<!--[if lte IE 8]>
        <script src="../../assets/js/excanvas.min.js"></script>
        <![endif]-->
		<script src="../../assets/js/jquery-ui.custom.min.js"></script>
		<script src="../../assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="../../assets/js/jquery.easypiechart.min.js"></script>
		<script src="../../assets/js/jquery.sparkline.index.min.js"></script>
		<script src="../../assets/js/jquery.flot.min.js"></script>
		<script src="../../assets/js/jquery.flot.pie.min.js"></script>
		<script src="../../assets/js/jquery.flot.resize.min.js"></script>
		<script src="../../assets/js/bootbox.js"></script>

		<!-- ace scripts -->
		<script src="../../assets/js/ace-elements.min.js"></script>
		<script src="../../assets/js/ace.min.js"></script>
		<script src="../../assets/js/tabControl.js"></script>

		<!-- inline scripts related to this page -->
		<script type="text/javascript">
			var tabCtrl = new TabControl('#recent-tab','#tab-content');

			jQuery(function($) {

				$('.menu-container .row>div').on('click',function(){
					tabCtrl.add({
						title: $(this).text(),
						name: 'this-is-id-'+ $(this).text(),
//						url: "xxx.html",
						content:''+
							'<input type="text"/>'+
							'<button class="tab-reload">刷新tab</button>'+
							'<button class="tab-close">删除tab</button>',
						onLoadSuccess: function(tab){
							$('.tab-reload').on('click',function(){
								tabCtrl.reload(tab);
							});

							$('.tab-close').on('click',function(){
								tabCtrl.close(tab);
							});
						}
					});
				});

				bootbox.setDefaults({
					locale:'cn',
					animate:true,
					className:'yzd-dialog'
				});

				$('.help-center').on('click',function(){
					bootbox.alert({ 
					  size: "small",
					  title: "Your Title",
					  message: "Your message here…", 
					  callback: function(){ /* your callback code */ }
					});
				});
			})
		</script>
        <script src="../../scripts/shop/msg-t.js"></script>
	</body>
</html>
